﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MainMaster.Master" AutoEventWireup="true" CodeBehind="UserInfo.aspx.cs" Inherits="GoShopping.UserInfo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link href="Content/css/UserInfo.css" rel="stylesheet" />
    <script src="Content/js/vue.js"></script>
    <script src="Content/js/jquery-1.10.2.min.js"></script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="userinfo" style="margin: 20px auto">
        <div class="portal-main">
            <div class="user-left">
                <div class="user-Img">
                    <img src="images/moren.jpg" />
                </div>
                <div class="user-card" style="text-align: left">
                    <h2>{{seesionCount}}</h2>
                    <p>欢迎光临</p>
                    <el-button type="text" @click="dialogVisible = true">修改个人信息>></el-button>
                </div>
            </div>

            <div class="user-right" style="text-align: left">
                <p>账户安全：<span style="color: #00CBFD;">普通</span></p>
                <p>绑定手机：{{seesionPhone}}</p>
                <p>绑定QQ：{{seesionQQ}}</p>
            </div>

        </div>

        <div class="portal-sub">
            <ul>
                <li>
                    <img src="images/portal-icon-1.png" />
                    <div class="portal-subXin">
                        <h3>我的购物车</h3>
                        <p>
                            <a href="Shopping cart.aspx">查看我的购物车 >>
                            </a>
                        </p>
                    </div>
                </li>
                <li>
                    <img src="images/portal-icon-2.png" />
                    <div class="portal-subXin">
                        <h3>我的订单</h3>
                        <p>
                            <a href="OrdersWeb.aspx">查看我的订单 >>
                            </a>
                        </p>
                    </div>
                </li>
            </ul>
            <ul style="margin-top:100px">
                <li>
                    <img src="images/portal-icon-3.png" />
                    <div class="portal-subXin">
                        <h3>收货地址</h3>
                        <p>
                            <a href="Address.aspx">查看我的收货地址 >>
                            </a>
                        </p>
                    </div>
                </li>
                <li>
                    <img src="images/portal-icon-4.png" />
                    <div class="portal-subXin">
                        <h3>喜欢的商品</h3>
                        <p>
                            <a href="Like.aspx">查看喜欢的商品 >>
                            </a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <el-dialog title="修改个人信息" :visible.sync="dialogVisible" width="30%">
                <el-form label-width="80px">
                    <el-form-item label="账号">
                        <el-input v-model="seesionCount"></el-input>
                    </el-form-item>
                    <el-form-item label="密码">
                        <el-input v-model="seesionPwd"></el-input>
                    </el-form-item>
                    <el-form-item label="手机号">
                        <el-input v-model="seesionPhone"></el-input>
                    </el-form-item>
                    <el-form-item label="QQ">
                        <el-input v-model="seesionQQ"></el-input>
                    </el-form-item>
                    
                </el-form>
                <span slot="footer" class="dialog-footer">
                    <el-button @click="dialogVisible = false">取 消</el-button>
                    <el-button type="primary" @click="subMit">提 交</el-button>
                </span>
      </el-dialog>
</asp:Content>
